<!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Equinox Admin Panel - Dashboard</title>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<link rel="stylesheet" href="css/style.css" type="text/css" media="all">
<link rel="stylesheet" href="css/dashboard.css" type="text/css" media="all">
<link rel="stylesheet" type="text/css" href="css/superfish.css" media="screen">
<link rel="stylesheet" href="css/horizontal_slider.css" type="text/css" media="all">
<link rel="stylesheet" href="css/tooltip.css" type="text/css" media="all">
<link rel="stylesheet" href="css/formly.css" type="text/css" media="all">
<link rel="stylesheet" href="css/dialog.css" type="text/css" media="all">
<!--[if IE 6]>

<link rel="stylesheet" href="css/ie.css" type="text/css" media="all"/>

<![endif]-->
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/superfish.js"></script>
<script type="text/javascript" src="js/hoverIntent.js"></script>
<script type="text/javascript" src="js/tooltip.js"></script>
<script type="text/javascript" src="js/formly.js"></script>
<script type="text/javascript" src="js/dialog.js"></script>
<script type="text/javascript">
  $(function(){

	  // Dialog			
	  $('#dialog').dialog({
		  autoOpen: false,
		  width: 570,
		  modal: true
	  });
	  
	  // Dialog Link
	  $('#addres').click(function(){
		  $('#dialog').dialog('open');
		  return false;
	  });
  });
</script>
</head>
<body>
<div id="container">
  <div id="preloadDefaultImages"></div>
  <!--[if !IE]>start header<![endif]-->
  <div id="header">
    <div class="content_all">
      <div class="header-left"><img src="img/logo.png" alt="logo" height="56px" width="268px"></div>
      <div class="header-right"> <span class="welcome">Xin chào <strong>Administrator</strong></span> <span class="links"><a href="#" class="my-account">Tài khoản</a> | <a href="#">Thoát</a></span> <span class="links"><a href="#" class="new-message">4 tin nhắn mới</a></span> <span class="time-ip">Server time : 6:45 AM<br>
        Last login ip : 192.168.0.15</span> </div>
    </div>
  </div>
  <!--[if !IE]>end header<![endif]--> 
  <!--[if !IE]>start main menu<![endif]-->
  <div id="menu_row">
    <div class="content_all">
      <ul class="sf-menu sf-js-enabled sf-shadow">
        <li><a href="index.html"><span><span>Dashboard</span></span></a></li>
        <li><a href="res.html" class="active"><span><span>Nhà hàng</span></span></a></li>
        <li><a href="#"><span><span>Studio</span></span></a></li>
        <li class=""><a href="#"><span><span>Thiệp cưới</span></span></a>
          <ul style="display: none; visibility: hidden;">
            <li class="first_item"><span><a href="#">Photos of our Office</a></span></li>
            <li><span><a href="#">Our Best Work Compilation</a></span></li>
            <li><span><a href="#">Travel Photos 2008</a></span></li>
            <li class="submenu"><span><a href="#">Travel Photos 2009</a></span>
              <ul style="display: none; visibility: hidden;">
                <li class="first_item"><span><a href="#">Photos of our Office</a></span></li>
                <li><span><a href="#">Our Best Work Compilation</a></span></li>
                <li><span><a href="#">Travel Photos 2008</a></span></li>
                <li><span><a href="#">August Party in New Orleans</a></span></li>
                <li><span><a href="#">Another menu item</a></span></li>
                <li><span><a href="#">Last item in the menu</a></span></li>
              </ul>
            </li>
            <li><span><a href="#">August Party in New Orleans</a></span></li>
            <li><span><a href="#">Another menu item</a></span></li>
            <li><span><a href="#">Last item in the menu</a></span></li>
          </ul>
        </li>
        <li class="last_item"><a href="#"><span><span>seo settings</span></span></a></li>
      </ul>
      <div class="search">
        <form name="searchForm" action="search.php" method="get">
          <input class="search-text" name="searchtext" value="" id="searchtext" type="text">
          <input class="search-submit" name="submit" value="GO" id="submit" type="submit">
        </form>
      </div>
    </div>
  </div>
  <!--[if !IE]>end main menu<![endif]--> 
  <!--[if !IE]>start content<![endif]-->
  <div id="content">
    <div class="content_all">
      <div class="content-outer">
        <div class="content-inner">
          <div class="title_border">
            <h1>Danh sách nhà hàng</h1>
            <div class="rightbt" style="margin-top: 15px">
              <ul>
                <li><a href="res.html" id="addres"><span><span>Thêm nhà hàng</span></span></a></li>
              </ul>
            </div>
          </div>
          <div class="before-after-table">
            <ul class="select_all">
              <li><a href="#" title=""><span><span><span class="plus">select all</span></span></span></a></li>
              <li><a href="#" title=""><span><span><span class="minus">deselect all</span></span></span></a></li>
            </ul>
            <ul id="nav_top" class="nav">
              <li><a href="#" class="change">Set Status Approved</a>
                <ul style="display: none;">
                  <li><a href="#">General Inquiry</a> </li>
                  <li><a href="#">Programming </a> </li>
                  <li><a href="#">Website Quote Request</a> </li>
                  <li><a href="#">Feedback</a> </li>
                  <li><a href="#">Help and Support</a> </li>
                </ul>
              </li>
            </ul>
            <strong class="apply-action">Thành phố :</strong> </div>
          <form name="frm-checkboxes" action="" method="post">
            <table cellpadding="0" cellspacing="0" width="100%" class="das">
              <tbody>
                <tr>
                  <th class="check"></th>
                  <th class="photo">Avatar</th>
                  <th class="item_name"><a tiptitle="Xếp theo tên" href="#">Tên nhà hàng</a></th>
                  <th class="distric"><a tiptitle="Xếp theo quận, huyện" href="#" class="tooltip">Quận/huyện</a></th>
                  <th class="status"><a tiptitle="Xếp theo trạng thái" href="#">Trạng thái</a></th>
                  <th class="quickaction">Công cụ</th>
                </tr>
                <tr>
                  <td class="check"><input name="check_selected[]" type="checkbox"></td>
                  <td><a tiptitle="640x480, JPG" href="#" class="img_small"><img src="img/product-image.jpg" alt="product image" height="37px" width="69px"></a></td>
                  <td class="item_name"><a href="" title="">Flash Website Templates Package</a></td>
                  <td class="price">$30</td>
                  <td class="status"><span class="approved">Approved</span></td>
                  <td class="quickaction"><ul>
                      <li><a href="#" class="view"><span><span>xem</span></span></a></li>
                      <li><a href="#" class="edit"><span><span>sửa</span></span></a></li>
                      <li><a href="#" class="delete"><span><span>xóa</span></span></a></li>
                    </ul></td>
                </tr>
                <tr>
                  <td class="check"><input name="check_selected[]" type="checkbox"></td>
                  <td><a tiptitle="640x480, JPG" href="#" class="img_small"><img src="img/product-image.jpg" alt="product image" height="37px" width="69px"></a></td>
                  <td class="item_name"><a href="" title="">Flash Website Templates Package</a></td>
                  <td class="price">$30</td>
                  <td class="status"><span class="pending">Pending</span></td>
                  <td class="quickaction"><ul>
                      <li><a href="#" class="view"><span><span>View</span></span></a></li>
                      <li><a href="#" class="edit"><span><span>Edit</span></span></a></li>
                      <li><a href="#" class="delete"><span><span>Delete</span></span></a></li>
                    </ul></td>
                </tr>
                <tr>
                  <td class="check"><input name="check_selected[]" type="checkbox"></td>
                  <td> no photo</td>
                  <td class="item_name"><a href="" title="">Smaller row with no photo</a></td>
                  <td class="price">$60</td>
                  <td class="status"><span class="pending">Pending</span></td>
                  <td class="quickaction"><ul>
                      <li><a href="#" class="view"><span><span>View</span></span></a></li>
                      <li><a href="#" class="edit"><span><span>Edit</span></span></a></li>
                      <li><a href="#" class="delete"><span><span>Delete</span></span></a></li>
                    </ul></td>
                </tr>
              </tbody>
            </table>
          </form>
          <div class="before-after-table">
            <ul class="select_all">
              <li><a href="#" title=""><span><span><span class="plus">select all</span></span></span></a></li>
              <li><a href="#" title=""><span><span><span class="minus">deselect all</span></span></span></a></li>
            </ul>
            <ul id="nav_bottom" class="nav">
              <li><a href="#" class="change">Set Status Approved</a>
                <ul style="display: none;">
                  <li><a href="#">General Inquiry</a> </li>
                  <li><a href="#">Programming </a> </li>
                  <li><a href="#">Website Quote Request</a> </li>
                  <li><a href="#">Feedback</a> </li>
                  <li><a href="#">Help and Support</a> </li>
                </ul>
              </li>
            </ul>
            <strong class="apply-action">Apply Action :</strong> </div>
        </div>
      </div>
      <div class="pagination">
        <div class="prev_link_inactiv"> <a href="#">Prev Page</a> </div>
        <div class="middle_link"> <span><a href="#" class="active">1</a></span> <span><a href="#">2</a></span> <span><a href="#">3</a></span> <span class="dots">...</span> <span><a href="#">98</a></span> <span><a href="#">99</a></span> <span><a href="#">100</a></span> <span><a href="#">101</a></span> </div>
        <div class="next_link_activ"> <a href="#">Next Page</a> </div>
      </div>
      <br style="clear: left;">
    </div>
    <br style="clear: left;">
  </div>
  <br style="clear: left;">
  <!--[if !IE]>end content<![endif]--> 
  <!--[if !IE]>start footer<![endif]-->
  <div id="footer">
    <div class="content_all">
      <div class="footer_left">©2009 Equinox. All rights reserved.<a href="#">Admin Build Information</a></div>
      <div class="footer_right">
        <ul>
          <li><a href="#" class="active"><span><span>DASHBOARD</span></span></a></li>
          <li><a href="#"><span><span>ADVANCED SEARCH</span></span></a></li>
          <li><a href="#"><span><span>ADMIN MAP</span></span></a></li>
          <li><a href="#"><span><span>ADMIN HELP</span></span></a></li>
          <li class="last"><a href="#"><span><span>FAQS</span></span></a></li>
        </ul>
      </div>
    </div>
  </div>
  <!--[if !IE]>end footer<![endif]-->
  
  <div id="dialog" title="">
    <form style="width: 520px;" class="formlyWrapper-Dark" id="ContactInfo" title="Thêm nhà hàng mới" name="closebt">
      <table cellpadding="0" cellspacing="0" width="100%" border="0" style="padding-left: 10px">
      	<tr>
          <td>Thành phố</td>
          <td><select id="gender" name="gender">
              <option value="male" selected="selected">Hồ Chí Minh</option>
              <option value="female">Hà Nội</option>
              <option value="female">Đà Nẵng</option>
            </select></td>
          <td>Quận/huyện</td>
          <td><select id="gender2" name="gender2">
            <option value="male" selected="selected">Quận 1</option>
            <option value="female">Quận 2</option>
            <option value="female">Quận 3</option>
            <option value="female">Quận 4</option>
            <option value="female">Quận 5</option>
            <option value="female">Quận 6</option>
            <option value="female">Quận 7</option>
            <option value="female">Quận 8</option>
            <option value="female">Quận 9</option>
            <option value="female">Quận 10</option>
            <option value="female">Quận 11</option>
            <option value="female">Quận 12</option>
            <option value="female">Hóc Môn</option>
            <option value="female">Củ Chi</option>
            <option value="female">Thủ Đức</option>
            <option value="female">Cần Giờ</option>
          </select></td>
        </tr>
        <tr>
          <td width="120">Tên nhà hàng</td>
          <td colspan="3"><input type="text" size="50" /></td>
        </tr>
        <tr>
          <td>Địa chỉ</td>
          <td colspan="3"><input type="text" size="50" /></td>
        </tr>
        <tr>
          <td>Điện thoại</td>
          <td colspan="3"><input type="text" size="50" /></td>
        </tr>
        <tr>
          <td>Email</td>
          <td colspan="3"><input type="text" size="50" /></td>
        </tr>
        <tr>
          <td>Website</td>
          <td colspan="3"><input type="text" size="50" /></td>
        </tr>
        <tr>
          <td>Hình đại diện</td>
          <td colspan="3"><input type="file"/></td>
        </tr>        
        <tr>
          <td>Số lượng bàn</td>
          <td colspan="3"><input type="text" size="8" />
            đến 
            <input type="text" size="9" /></td>
        </tr>
        <tr>
          <td></td>
          <td colspan="3"><input type="checkbox"/>kích hoạt</td>
        </tr> 
        <tr>
          <td colspan="4" align="center"><input value="Thêm" type="submit">
          <input value="Làm lại" type="reset"></td>
        </tr>       
        <tr>
      </table>
    </form>
  </div>
  <script>
$(document).ready(function()
	{
		$('#ContactInfo').formly({'theme':'Dark'});
		$('#closebt').click(function(){
			$('#dialog').dialog("close");	
		});
	});
</script> 
</div>
<div style="left: -8px; top: 321px; display: none;" id="qTip"></div>
</body>
</html>